@import 'theme';
@import 'functions';
@import 'mixins';
$cx-star-rating-rating-star-color: 'light' !default;
$cx-star-rating-rating-full-color: 'primary' !default;
$cx-star-rating-rating-half-color: 'primary' !default;
$cx-star-rating-rating-trbl-margin: 0 5px 0 0 !default;
// styling for ngb-rating
.star {
  position: relative;
  display: inline-block;
  @include var-color('color', $cx-star-rating-rating-star-color);
  margin: $cx-star-rating-rating-trbl-margin;
}

.full {
  @include var-color('color', $cx-star-rating-rating-full-color);
}

.half {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  @include var-color('color', $cx-star-rating-rating-half-color);
}
